<template>
	<div class="con-block">
		<div class="con-title">常用功能</div>
		<div class="con-con">
			<ul class="con-list cc">
				<li class="list-item">
					<router-link :to="{path: '/manage/list', query:{apptype: '2'}}">
						<i class="iconfont">&#xe60f;</i>红包
					</router-link>  
				</li>
				<li class="list-item">
					<router-link :to="{path: '/manage/list', query:{apptype: '0'}}">
						<i class="iconfont">&#xe63d;</i>群聊
					</router-link>  
				</li>
				<li class="list-item">
					<router-link :to="{path: '/manage/list', query:{apptype: '1'}}">
						<i class="iconfont">&#xe610;</i>视频
					</router-link> 
				</li>
				<li class="list-item">
					<router-link :to="{path: '/config/admin'}">
						<i class="iconfont">&#xe612;</i>管理员设置
					</router-link>
				</li>
				<li class="list-item">
					<router-link :to="{path: '/config/api'}">
						<i class="iconfont">&#xe616;</i>配置与接口
					</router-link>
				</li>
			</ul>
		</div>
	</div>
</template>
<style lang="less">
.con-block{
    padding: 24px 40px;
    background: #fff;
}

.con-title{
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.con-list{
	padding: 0 15%;
	text-align: center;
}
.con-list .list-item{	
	margin-right: 2%;
	float: left;
	width: 18%;
}
.con-list .list-item a{
	color: #5aae1f;
}
.con-list .list-item i{
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: 10px auto;
	display: block;
	color: #fff;
	background: #5aae1f;
	border-radius: 10px;
	font-size: 50px;
}
</style>